<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
        function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- //for-mobile-apps -->
    {{--{{asset('org/Dashkit')}}/fonts/feather/feather.min.css--}}
    <link href="{{asset('news')}}/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <link href="{{asset('news')}}/css/style.css" rel="stylesheet" type="text/css" media="all" />
    <!-- js -->
    <script src="{{asset('news')}}/js/jquery-1.11.1.min.js"></script>
    <!-- //js -->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Jura:400,300,500,600' rel='stylesheet' type='text/css'>
    <!-- start-smoth-scrolling -->
    <script type="text/javascript" src="{{asset('news')}}/js/move-top.js"></script>
    <script type="text/javascript" src="{{asset('news')}}/js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>
    <!-- start-smoth-scrolling -->
</head>
<body>

<!-- body-top -->
<div class="body-top">
    <div class="container">
        <div class="body-top-left">
            <p>新闻资讯</p>
        </div>
        <div class="body-top-right">
            <div class="social">
                <ul>
                    <li><a href="#" class="link facebook"><span></span></a></li>
                    <li><a href="#" class="link twitter"><span></span></a></li>
                    <li><a href="#" class="link google-plus"><span></span></a></li>
                    <li><a href="#" class="link dribble"><span></span></a></li>
                </ul>
            </div>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<!-- //body-top -->
<!-- body-content -->
<div class="body-content">
    <div class="container">
        <div class="logo-search">
            <div class="logo">
                <h1><a href="index.html">{{date('Y-m-d')}}<i>今日早报</i></a></h1>
            </div>
            <div class="search">
                <form>
                    <input type="text" value="搜索..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '搜索...';}" required="">
                    <input type="submit" value=" " >
                </form>
            </div>
            <div class="clearfix"> </div>
        </div>
        <!-- //header -->
        <!-- nav -->
        <div class="navigation">
            <nav class="navbar navbar-default">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
                    <nav class="cl-effect-20" id="cl-effect-20">
                        <ul class="nav navbar-nav">
                            <li class="active"><a href="{{route('home.index.index')}}"><span data-hover="首页">首页</span></a></li>
                            @foreach($classify as $item)
                                @if($item['_level']==1)
                                    <li ><a href=""><span data-hover="{{$item['name']}}">{{$item['name']}}</span></a></li>
                                @endif
                            @endforeach
                        </ul>
                    </nav>
                </div>

                {{--@classify(['id'=>10])--}}
                {{--{{$classify['name']}}--}}
                {{--@endclassify--}}
            </nav>
        </div>
        <!-- //nav -->
        <!-- banner -->
        <div class="banner">
            <div class="wmuSlider example1">
                <div class="wmuSliderWrapper">
                    <article style="position: absolute; width: 100%; opacity: 0;">
                        <div class="banner-wrap">
                            <div class="banner1">

                            </div>
                        </div>
                    </article>
                    <article style="position: absolute; width: 100%; opacity: 0;">
                        <div class="banner-wrap">
                            <div class="banner2">

                            </div>
                        </div>
                    </article>
                    <article style="position: absolute; width: 100%; opacity: 0;">
                        <div class="banner-wrap">
                            <div class="banner3">

                            </div>
                        </div>
                    </article>
                </div>
            </div>
            <script src="js/jquery.wmuSlider.js"></script>
            <script>
                $('.example1').wmuSlider();
            </script>

        </div>
        <!-- //banner -->
    </div>
</div>
<!-- //body-content -->
<!-- banner-bottom -->
<div class="banner-bottom">
    <div class="container">
        <div class="banner-bottom-grids">

            <div class="col-md-8 banner-bottom-grid-left">
                <h6>国际新闻</h6>
                @foreach($news as $new)
                    @if($new->classify->name=='国际')
                        <div class="banner-bottom-grid-left-grids">
                            <div class="banner-bottom-grid-left-grid">
                                <div class="col-md-5 banner-bottom-grid-left-gridl">
                                    <img src="{{$new->icon}}" alt=" " class="img-responsive" />
                                    <div class="banner-bottom-grid-left-gridl-pos">
                                        <h4>{{date('d',strtotime($new->updated_at))}}<span>{{date('m',strtotime($new->updated_at))}}</span> {{date('Y',strtotime($new->updated_at))}}</h4>
                                    </div>
                                </div>
                                <div class="col-md-7 banner-bottom-grid-left-gridr">
                                    <h3><a href="{{route('news.news.show',$new)}}">{{$new->title}}</a></h3>
                                    <p>{{$new->brief}}</p>
                                </div>
                                <div class="clearfix"> </div>
                            </div>
                        </div>
                    @endif
                @endforeach
                <h5>娱乐</h5>
                <div class="military-armies">
                    @foreach($news as $new)
                        @if($new->classify->name=='明星')
                            <div class="col-md-4 military-army">
                                <h3><a href="{{route('news.news.show',$new)}}">{{$new->title}}</a></h3>
                                <a href="{{route('news.news.show',$new)}}"><img src="{{$new->icon}}" alt=" " class="img-responsive" /></a>
                                <p>{{$new->brief}}</p>

                            </div>
                        @endif
                    @endforeach
                    <div class="clearfix"> </div>
                </div>
            </div>
            <div class="col-md-4 banner-bottom-grid-right">
                <div class="banner-bottom-grid-right-grid1">
                    <h3>社会</h3>
                    <ul>
                        @foreach($news as $new)
                            @if($new->classify->name=='社会')
                                <li><a href="{{route('news.news.show',$new)}}">{{$new->title}}</a></li>
                            @endif
                        @endforeach
                    </ul>
                </div>
                <div class="banner-bottom-grid-right-grid1">
                    <h3>军事</h3>
                    @foreach($news as$k=>$v)
                        @if($new->classify->name=='军事'&&$k==0)
                            <div class="banner-btm-gd-rgt-grd1-grd">
                                <img src="{{$new->icon}}" alt=" " class="img-responsive" />
                                <div class="banner-info">
                                    <a class="read-more" href="{{route('news.news.show',$new)}}"><i></i></a>
                                    <h5>
                                        <a href="">
                                            即时军事
                                        </a>
                                    </h5>
                                    <div class="event-meta">
                                        <h4>{{$new->title}}</h4>
                                        <p>{{$new->brief}}</p>
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endforeach
                    @foreach($news as$k=> $new)
                        @if($new->classify->name=='军事'&&$k>1)
                            <div class="banner-btm-gd-rgt-grd1-grd">
                                <div class="banner-btm-gd-rgt-grd1-grdl">
                                    <img src="{{$new->icon}}" alt=" " class="img-responsive" />
                                </div>
                                <div class="banner-btm-gd-rgt-grd1-grdr">
                                    <a href="{{route('news.news.show',$new)}}">{{$new->title}}</a>
                                </div>
                                <div class="clearfix"> </div>
                            </div>
                        @endif
                    @endforeach
                </div>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<!-- //banner-bottom -->
<!-- footer -->
<div class="footer">
    <div class="container">
        <div class="footer-grid">
            <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
            <h3><span>Connect</span> Subscribe To Newsletter</h3>
            <form>
                <input type="email" value="enter your email address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'enter your email address';}" required="">
                <input type="submit" value=" " >
            </form>
        </div>
        <div class="footer-grid-logo">
            <h2><a href="index.html"><span></span>Combatant<i>Duty Honor Country</i></a></h2>
            <p>all of us should get a taste of military service</p>
            <div class="social">
                <ul>
                    <li><a href="#" class="link facebook"><span></span></a></li>
                    <li><a href="#" class="link twitter"><span></span></a></li>
                    <li><a href="#" class="link google-plus"><span></span></a></li>
                    <li><a href="#" class="link dribble"><span></span></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="footer-copy">
    <div class="container">
        <p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
    </div>
</div>
<!-- //footer -->
<!-- for bootstrap working -->
<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<!-- here stars scrolling icon -->
<script type="text/javascript">
    $(document).ready(function() {
        /*
            var defaults = {
            containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
            };
        */

        $().UItoTop({ easingType: 'easeOutQuart' });

    });
</script>
<!-- //here ends scrolling icon -->
</body>
</html>